<!DOCTYPE html>
<html>
    <head>
        <title>Help Me Fund</title>

        <!-- Meta -->
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>

        <!-- Styles -->
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />

        <!-- Scripts -->
        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.js"></script>
        
        <!-- link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker3.min.css" / -->
	<!--[if lt IE 9]>
		<script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
    </head>
    <body>
        <header class="header">
            <nav class="navbar-default">
                <div class="container">
                    <div class="topbdr">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                          </button>
                            <a class="navbar-brand" href="#"><img src="images/logo.png" alt="logo" /></a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                          <ul class="nav navbar-nav">
                              <li class="active"><a href="/">How it works</a></li>
                              <li><a href="/">Success Stories</a></li>
                              <li><a href="/">Categories</a></li>
                              <li><a href="/">Questions</a></li>
                              <li><a href="/">Help</a></li>
                              <li><a href="/">Sign in</a></li>
                              <li><a href="/">Sign Up</a></li>
                          </ul>
                        </div><!-- /.navbar-collapse -->
                        <hr />
                        
                    </div>
                  
                </div><!-- /.container-fluid -->
              </nav>
        </header>

            
        <div class="bannerWrap">
            <div class="container">
                <div class="banners">
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                    <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li><li data-target="#carousel-example-generic" data-slide-to="1" class=""></li><li data-target="#carousel-example-generic" data-slide-to="2" class=""></li><li data-target="#carousel-example-generic" data-slide-to="3" class="active"></li><li data-target="#carousel-example-generic" data-slide-to="4" class=""></li>
                            </ol>
                            <div class="carousel-inner" role="listbox">
                                    
                                    <div class="item">
                                            <img src="https://helpmefund.org/themes/helpmefund/assets/images/banner1.jpg" alt="HelpMeFund">
                                            <div class="carousel-caption">
                                                    <h2 class="banner-title"><img width="65" src="https://helpmefund.org/themes/helpmefund/assets/images/icon.jpg" alt="HelpMeFund"> Talent</h2>
                                            </div>
                                    </div>
                                    <div class="item">
                                            <img src="https://helpmefund.org/themes/helpmefund/assets/images/banner2.jpg" alt="HelpMeFund">
                                            <div class="carousel-caption">
                                                    <h2 class="banner-title"><img width="65" src="https://helpmefund.org/themes/helpmefund/assets/images/icon.jpg" alt="HelpMeFund"> Sickness</h2>
                                            </div>
                                    </div>
                                    <div class="item">
                                            <img src="https://helpmefund.org/themes/helpmefund/assets/images/banner3.jpg" alt="HelpMeFund">
                                            <div class="carousel-caption">
                                                    <h2 class="banner-title"><img width="65" src="https://helpmefund.org/themes/helpmefund/assets/images/icon.jpg" alt="HelpMeFund"> Disaster</h2>
                                            </div>
                                    </div>
                                    
                                    <div class="item active">
                                            <img src="https://helpmefund.org/themes/helpmefund/assets/images/banner4.jpg" alt="HelpMeFund">
                                            <div class="carousel-caption">
                                                    <h2 class="banner-title"><img width="65" src="https://helpmefund.org/themes/helpmefund/assets/images/icon.jpg" alt="HelpMeFund"> Disaster</h2>
                                            </div>
                                    </div>
                                    
                                    <div class="item">
                                            <img src="https://helpmefund.org/themes/helpmefund/assets/images/banner5.jpg" alt="HelpMeFund">
                                            <div class="carousel-caption">
                                                    <h2 class="banner-title"><img width="65" src="https://helpmefund.org/themes/helpmefund/assets/images/icon.jpg" alt="HelpMeFund"> Sickness</h2>
                                            </div>
                                    </div>
                                    
                            </div>
                            <div class="crousel-buttons hidden-sm hidden-xs">
                                    <div class="text-right">
                                            <a href="https://helpmefund.org/register/" class="btn btn-warning btn-lg">Sign up</a>
                                            <div class="spaced clearfix"></div>
                                            <a href="https://helpmefund.org/login/" class="btn btn-warning btn-lg">Sign in</a>
                                            <div class="spaced clearfix"></div>

                                            <a href="https://helpmefund.org/add-case/" class="btn btn-warning btn-lg">add case</a>
                                            <div class="spaced clearfix"></div>
                                            <a href="#caseList" class="btn btn-warning btn-lg">donate now</a>
                                            <div class="spaced clearfix"></div>
                                    </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
            
        <div class="searchWrap">
            <div class="container">
                <div class="row">
                    <div class="col-sm-4">
                            <form method="get" action="https://helpmefund.org/search/vars/on/case/">
                                    <div class="input-group font-light">
                                            <span class="input-group-addon" id="basic-addon1">
                                                <img src="images/search-icon.png"/>
                                            </span>
                                            <input name="q" type="text" class="form-control input-lg" placeholder="Search by Case ..." aria-describedby="basic-addon1">
                                    </div>
                            </form>
                    </div>
                    <div class="col-sm-4">
                            <form method="get" action="https://helpmefund.org/search/vars/on/zip/">
                                    <div class="input-group font-light">
                                            <span class="input-group-addon" id="basic-addon1">
                                                <img src="images/search-icon.png"/>
                                            </span>
                                            <input name="q" type="text" class="form-control input-lg" placeholder="Search by Zip Code..." aria-describedby="basic-addon1">
                                    </div>
                            </form>
                    </div>
                    <div class="col-sm-4" title="Search by Category">
                            <form method="get" action="https://helpmefund.org/search/vars/on/category/">
                                    <div class="input-group font-light">
                                            <span class="input-group-addon" id="basic-addon1">
                                                <img src="images/search-icon.png"/>
                                            </span>
                                            <select name="q" class="form-control input-lg">
                                                    <option>Search by Category</option>
                                            </select>
                                    </div>
                            </form>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="contentWrap">
            <div class="container clearfix">
                <section class="leftWrap">
                    <div class="listingWarp">
                        <div class="listNav clearfix">
                            <a class="active" href="javascript:void(0);">Popular Now</a></span>
                            <a href="javascript:void(0);">Near Me</a></span>
                            <a href="javascript:void(0);">Almost there</a></span>
                            <a href="javascript:void(0);">My Friends</a></span>
                        </div>
                        
                        <div class="listContainer clearfix">
                            <div class="listUnit">
                                <img src="images/list-img-01.jpg">
                                <div class="price">$2,000</div>
                                <div class="progressBar"><span style="width:80%"></span></div>
                                <div class="desc">Help pay for School..</div>
                                <div class="loc">Lakewood, NJ</div>
                            </div>
                            <div class="listUnit">
                                <img src="images/list-img-02.jpg">
                                <div class="price">$800</div>
                                <div class="progressBar"><span style="width:20%"></span></div>
                                <div class="desc">Help pay for School..</div>
                                <div class="loc">Lakewood, NJ</div>
                            </div>
                            <div class="listUnit">
                                <img src="images/list-img-03.jpg">
                                <div class="price">$7,000</div>
                                <div class="progressBar"><span style="width:50%"></span></div>
                                <div class="desc">Help pay for School..</div>
                                <div class="loc">Lakewood, NJ</div>
                            </div>
                            <div class="listUnit">
                                <img src="images/list-img-04.jpg">
                                <div class="price">$1,000</div>
                                <div class="progressBar"><span style="width:40%"></span></div>
                                <div class="desc">Help pay for School..</div>
                                <div class="loc">Lakewood, NJ</div>
                            </div>
                            <div class="listUnit">
                                <img src="images/list-img-03.jpg">
                                <div class="price">$2,000</div>
                                <div class="progressBar"><span style="width:80%"></span></div>
                                <div class="desc">Help pay for School..</div>
                                <div class="loc">Lakewood, NJ</div>
                            </div>
                            <div class="listUnit">
                                <img src="images/list-img-01.jpg">
                                <div class="price">$800</div>
                                <div class="progressBar"><span style="width:20%"></span></div>
                                <div class="desc">Help pay for School..</div>
                                <div class="loc">Lakewood, NJ</div>
                            </div>
                            <div class="listUnit">
                                <img src="images/list-img-04.jpg">
                                <div class="price">$7,000</div>
                                <div class="progressBar"><span style="width:50%"></span></div>
                                <div class="desc">Help pay for School..</div>
                                <div class="loc">Lakewood, NJ</div>
                            </div>
                            <div class="listUnit">
                                <img src="images/list-img-02.jpg">
                                <div class="price">$1,000</div>
                                <div class="progressBar"><span style="width:40%"></span></div>
                                <div class="desc">Help pay for School..</div>
                                <div class="loc">Lakewood, NJ</div>
                            </div>
                        </div>
                    </div>
                </section>

                <aside class="rightWrap">
                   <div class="listContainer clearfix">
                        <div class="listUnit case">
                            <div class="casein">Case Of The Day</div>
                            <img src="images/list-img-01.jpg">
                            <div class="price">$2,000</div>
                            <div class="progressBar"><span style="width:80%"></span></div>
                            <div class="desc">Help pay for School..</div>
                            <div class="loc">Lakewood, NJ</div>
                        </div>
                        <div class="listUnit case">
                            <div class="casein">Case Of The Week</div>
                            <img src="images/list-img-02.jpg">
                            <div class="price">$800</div>
                            <div class="progressBar"><span style="width:20%"></span></div>
                            <div class="desc">Help pay for School..</div>
                            <div class="loc">Lakewood, NJ</div>
                        </div>
                    </div>
                </aside>
            </div>
        </div>
            
        <footer class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-sm-3">
                        <div class="footLinks">
                            <div class="media">
                                <div class="media-left">
                                    <img class="footlogo" src="images/footer-icon.jpg" />
                                </div>
                                <div class="media-body">
                                    <div><span class="linkHead" href="/">GET STARTED</span></div>
                                    <div><a href="/">How it works</a></div>
                                    <div><a href="/">Success Stories</a></div>
                                    <div><a href="/">FAQs</a></div>
                                    <div><a href="/">Ask a Question</a></div>
                                    <div><a href="/">Sign up now</a></div>
                                </div>
                            </div>  
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6 center">
                        <div class="footLinks">
                            <div><span class="linkHead" href="/">LEARN MORE</span></div>
                            <div><a href="/">Watch the video</a></div>
                            <div><a href="/">helpmefund Reviews</a></div>
                            <div><a href="/">Pricing & Fees</a></div>
                            <div><a href="/">Ask a Question</a></div>
                            <div><a href="/">Fundraising Ideas</a></div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6 center">
                        <div class="footLinks">
                            <div><span class="linkHead" href="/">MAJOR EVENTS</span></div>
                            <div><a href="/">Sassoon Family Fund</a></div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-xs-6 center">
                        <div class="footLinks">
                            <div><span class="linkHead" href="/">CONTACT US</span></div>
                            <div><a href="/">Help Center</a></div>
                            <div><a href="/">Ask A Question</a></div>
                        </div>  
                    </div>
                </div>
            </div>
            
            <div class="copy container-fluid">
                &copy; 2015 helpmefund
            </div>
        </footer>
    </body>
</html>